/* dark css */
.dark {
	color: #e1e1e1;
	background-color: #303130;
	scrollbar-color: #aaa rgba(55, 55, 55, 0);
	scrollbar-width: none;
}

/* workflow start */
.dark .ewa_wf_box {
    background-color: white;
    color: #000;
    box-shadow: 1px 1px 11px #999;
    border: 0;
}
.dark table[gdx=LINE] img {
	display: block;
    filter: invert(100%);
}
.dark table[gdx=LINE] td {
    border-color: #fff !important;
}
/* workflow end*/


.dark #TABS {
	background-color: #363636;
	box-shadow: 0px 0px 1px #000;
}

.dark #header, .dark .ewa_tab {
	background-color: #252525;
	box-shadow: 0 1px 0 0 #353535 inset;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

.dark #xmls {
	border-right: 1px solid #000000;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.dark .ewa_menu_m_mv1 {
	background-color: #303130;
}

.dark .EWA_POP_MAIN, .dark .ewa-ui-dialog-box {
	color: #f1f1f1;
	outline: 5px solid #494949;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
	background-color: #494949 !important;
	text-shadow: 0px 1px 0px #2c2c2c;
	border-color: transparent;
}

.dark .EWA_POP_TITLE_L, .dark  .EWA_POP_TITLE_R, .dark .ewa-ui-dialog-title
	{
	background-image: none;
	background: #494949;
	text-shadow: none;
	font-size: 14px;
	color: #f1f1f1;
	height: 30px;
	border-bottom: 0;
}

.dark .EWA_POP_CNT, .dark .ewa-ui-dialog-content {
	background: transparent !important;
}

.dark .ewa-ui-dialog-cover {
	background-color: #333;
	filter: alpha(opacity = 30);
	opacity: .3;
}

.dark .EWA_POP_MAIN hr {
	border: 0;
	border-bottom: 1px solid #00040a;
	height: 1px;
	margin: 0;
	padding: 0;
}

.dark .ewa_tab_act .bg_c, .dark .but1 {
	background: #303130;
	color: #e1e1e1;
	text-shadow: 1px 1px 11px whitesmoke;
}

.dark .ewa_tab_dact .bg_c, .dark .but0 {
	background: #444242;
	color: #bbb;
}

.dark td[colspan="3"] b {
	color: orange !important;
	font-weight: normal;
}

.dark td[colspan="2"] b {
	color: orchid !important;
	font-weight: normal;
}

.dark #props {
	border-left: 1px solid #000;
}

.dark #props td {
	background: #363636;
}

.dark #tabs {
	border-top: 1px solid #000;
	overflow: hidden;
}

.dark input[ewa_value], .dark input[type=text], .dark input[type=password]
	{
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0px 1px
		rgba(255, 255, 255, 0.1);
	border: 1px solid #010910 !important;
	border-radius: 3px !important;
	background: #ccc !important;
	height: 25px;
}

.dark textarea {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0px 1px
		rgba(255, 255, 255, 0.1);
	border: 1px solid #010910 !important;
	border-radius: 3px !important;
	background: #ccc !important;
	
	outline-color: #c98309;
    outline-width: 1px;
    outline-style: solid;
}

.dark  #tbMain td {
	white-space: nowrap;
	background: #363636;
}

.dark #divTbMain {
	background: #363636;
}

.dark #tbMain {
	background: #3d3d3d;
}

.dark #tbMain>tbody>tr:first-child td {
	background: #313131;
	color: #f1f1f1 !important;
}

.dark #define_edit_set_buts {
	background: #313131;
	border-top: 0 !important;
}

.dark select, .dark input[type=button], .dark button, .dark input[type=submit]
	{
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0px 1px
		rgba(255, 255, 255, 0.1);
	border: 1px solid #010910 !important;
	border-radius: 3px;
	color: orange;
	text-shadow: 0;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-weight: normal;
	padding: 0 11px;
	-webkit-font-smoothing: antialiased;
	background-image: -webkit-linear-gradient(top, #323232 0%, #292929 52%, #191919 52%,
		#2b2b2b 100%);
	-webkit-font-smoothing: antialiased;
}

.dark select {
	text-align: left;
}

.dark select option {
	color: #000;
}

.dark input[type=button]:hover, .dark button:hover, .dark input[type=submit]:hover
	{
	box-shadow: 0px 0px 11px #fff inset;
}

.dark select[size] {
	height: auto;
}

.dark #trFunc td {
	border-bottom: 1px solid #000 !important;
}

.dark .EWA_TD_H {
	background: #313131;
	color: #f1f1f1 !important;
	text-shadow: none;
}

.dark .EWA_TD_L, .dark .EWA_TD_M, .dark .EWA_TD_R, .dark .EWA_TD_B,
	.dark .EWA_TD_1, .dark .EWA_TD, .dark .STEP td, .dark .EWA_LF_GROUP,
	.dark .ewa_redraw_info, .dark .ewa_redraw_ctl, .dark .ewa_msg_box {
	background: #363636;
}

.dark .ewa_redraw_info {
	border-left-color: #363636;
}
 
/* 表格滑动浮动颜色 */
.dark .EWA_TD_M.ewa_grid_mover {
	background-color: #fffad8;
	color: #000;
}

/* 表格滑动选中颜色 */
.dark .EWA_TD_M.ewa_grid_down {
	background-color: #e1f6ff;
	color: #000;
}

.dark .ewa_lf_func, .dark .ewa-lf-search {
	background: #363636;
}

.dark .EWA_TD_HA, .dark .ewa_lf_func_act, .dark .ewa_lf_func_caption {
	color: #f1f1f1;
}

.dark .templates .name {
	font-size: 16px;
	color: orange !important;
}

.dark .EWA_TABLE, .dark .STEP table {
	background: #555;
}

.dark .TD00A {
	background-image:
		url("");
	background-position: center;
}

.dark .TD00B {
	background-position: center;
	background-image:
		url("");
}

.dark .TD10B, .dark .TD00D, .dark .TD00C {
	background-image: none;
}/* light css */
.light {
	color: #222222;
	background-color: #fff;
	scrollbar-color: #aaa rgba(55, 55, 55, 0);
	scrollbar-width: none;
}
/* define_right switch bar */
.light #TABS {
	background-color: #f1f1f1;
	box-shadow: 0px 0px 1px #111;
}

.light #header, .light .ewa_tab {
	background-color: #f1f1f1;
	box-shadow: 0 1px 0 0 transparent inset;
	border-bottom: 1px solid #dedede;
	border-top: 0px solid transparent;
}

.light #xmls {
	background-color: #fbfbfb;
	border-right: 1px solid #dedede;
	box-shadow: 0 1px 0 transparent inset;
}

.light .ewa_menu_m_mv1 {
	background-color: #fff;
}

.light .EWA_POP_MAIN .ewa_menu_m_mv1 {
	background-color: #63acff;
	color: #fff;
}

.light .EWA_POP_MAIN .ewa_menu_m_mv1 .ewa_menu_m1 {
	color: #fff;
}

.light .EWA_POP_MAIN {
	border: 1px solid #dfdfdf;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
	background-color: #ffffff;
	text-shadow: none;
	border-radius: 0 4px 4px 4px;
	line-height: 24px;
}

.light .EWA_POP_TITLE_L, .light  .EWA_POP_TITLE_R {
	background-image: none;
	background: #fff;
	text-shadow: none;
	font-size: 14px;
	color: #333;
	height: 30px;
	border-bottom: 0;
}

.light .EWA_POP_CNT {
	background: transparent !important;
}

.light .ewa-ui-dialog-cover {
	background-color: #333;
	filter: alpha(opacity = 30);
	opacity: .3;
}

.light .EWA_POP_MAIN hr {
	border: 0;
	border-bottom: 1px solid #dedede;
	height: 1px;
	margin: 0;
	padding: 0;
}

.light .ewa_tab_act .bg_c, .light .but1 {
	background: #dedede;
	color: #222;
	text-shadow: 1px 1px 11px whitesmoke;
}

.light .ewa_tab_dact .bg_c, .light .but0 {
	background: #fff;
	color: #4a4a4a;
}

.light td[colspan="3"] b {
	color: orange !important;
	font-weight: normal;
}

.light td[colspan="2"] b {
	color: orchid !important;
	font-weight: normal;
}

.light #props {
	border-left: 1px solid #dadada;
}

.light #props td {
	background: #f1f1f1;
	border-bottom: 1px solid #dadada;
}

.light #tabs {
	border-top: 1px solid #dadada;
	background: #f1f1f1;
}

.light input[ewa_value], .light input[type=text] {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0px 1px
		rgba(255, 255, 255, 0.1);
	border: 1px solid #dadada !important;
	border-radius: 3px !important;
	background: #fff !important;
	height: 25px;
}

.light textarea {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0px 1px
		rgba(255, 255, 255, 0.1);
	border: 1px solid #dadada !important;
	border-radius: 3px !important;
	background: #fff !important;
}

.light  #tbMain td {
	white-space: nowrap;
	background: #f1f1f1;
}

.light #divTbMain {
	background: #f1f1f1;
}

.light #tbMain {
	background: #f1f1f1;
}

.light #tbMain>tbody>tr:first-child td {
	background: #FBFBFB;
	color: #333 !important;
}

.light #define_edit_set_buts {
	background: #FBFBFB;
	border-top: 0 !important;
}

.light select, .light input[type=button], .light button, .light input[type=submit]
	{
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0px 1px
		rgba(255, 255, 255, 0.1);
	border: 1px solid #dadada !important;
	border-radius: 3px;
	color: #313131;
	text-shadow: none;
	height: 25px;
	font-weight: normal;
	padding: 0 11px;
	-webkit-font-smoothing: antialiased;
	background-image: -webkit-linear-gradient(top, #fff 0%, #f1f1f1 52%, #f2f2f2 52%, #fff
		100%);
}

.light select:hover, .light input[type=button]:hover, .light button:hover,
	.light input[type=submit]:hover {
	box-shadow: 0px 0px 11px #ccc inset;
}

.light select[size] {
	height: auto;
}

.light #trFunc td {
	border-bottom: 1px solid #dadada !important;
}

.light .EWA_TD_H {
	background: #dadada;
	color: #222 !important;
	text-shadow: none;
}

.light .EWA_TD_L, .light .EWA_TD_M, .light .EWA_TD_R, .light .EWA_TD_B,
	.light .EWA_TD, .light .STEP td {
	background: #f1f1f1;
}
/* 表格滑动浮动颜色 */
.light .EWA_TD_M.ewa_grid_mover {
	background-color: #fffad8;
}

/* 表格滑动选中颜色 */
.light .EWA_TD_M.ewa_grid_down {
	background-color: #e1f6ff;
}
.light .templates .name {
	font-size: 16px;
	color: orange !important;
}

.light .EWA_TABLE, .light .STEP table {
	background: #dedede;
}

.light .TD00A {
	background-image:
		url("");
	background-position: center;
}

.light .TD00B {
	background-position: center;
	background-image:
		url("");
}

.light .TD10B, .light .TD00D, .light .TD00C {
	background-image: none;
}/* common css */

tr[ewa_id]>td:first-child {
    width: 10px;
}
 
input, select {
	box-sizing: border-box;
}
/* define_right switch bar */
#TABS {
	height: 30px;
	vertical-align: bottom;
}

.unselect {
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
}

#header {
	height: 29px;
	overflow: hidden;
	padding: 0 14px 0 12px;
	margin: 0;
}

#xmls {
	position: absolute;
	left: 0;
	top: 30px;
	bottom: 0px;
	width: 200px;
	overflow: auto;
	z-index: 0;
}

#xmls #EWA_FRAME_MAIN {
	margin: 10px;
}

#tabsmain {
	position: absolute;
	left: 201px;
	top: 30px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	z-index: 0;
}

#tabsmain #EWA_FRAME_MAIN {
	margin: 0px;
	height: 100%;
}

#split {
	position: absolute;
	left: 200px;
	top: 30px;
	bottom: 0px;
	width: 5px;
	cursor: ew-resize;
	z-index: 1;
	background: rgba(111, 111, 111, 0.1);
}

#split:hover {
	background: rgba(111, 111, 111, 0.9);
}

#split_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0;
	z-index: 4;
	background: transparent;
	z-index: 4;
	display: none;
}

#TD2 {
	padding: 0px;
	height: 100%;
}

.ewa_menu_m0 {
	margin-left: 4px;
	background-size: cover;
	background-position: center;
	margin-right: 1px;
}

.ewa_menu_m, .ewa_menu_m1, .ewa_menu_m_mv1 {
	padding: 0;
	line-height: 29px;
}

.ewa_menu_table .ewa_menu_m, .ewa_menu_table .ewa_menu_m1, .ewa_menu_table .ewa_menu_m_mv1 {
	height: 29px;
}

.ewa_menu_m0 img {
	width: 12px;
	height: 12px;
	margin-right: 4px;
	margin-left: 4px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.ewa_menu_m0.fa {
	line-height: 16px;
	font-size: 14px;
	text-align: right;
}

table.ewa_menu_table {
	margin-right: 5px;
}

.ewa_menu_m_mv1 .ewa_menu_m0 img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.EWA_MENU1 {
	height: 29px;
	line-height: 29px;
}

.EWA_MENU1 .ewa_menu_m1 {
	padding: 0;
	height: 29px;
	line-height: 29px;
}

.EWA_MENU1 .ewa_menu_m {
	padding: 0;
	height: 29px;
	line-height: 29px;
}

.EWA_MENU1 .ewa_menu_m_mv1 {
	padding: 0;
	height: 29px;
	line-height: 29px;
}

.ewa-dialog>div {
	display: none;
}

.ewa-dialog>div.EWA_POP_MAIN {
	display: block;
}

.bg_l, .bg_r {
	display: none;
}

.bg_c {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.ewa_tab_dact .bg_c span {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	float: left;
}

.but0, .but1 {
	border-top: 0 !important;
	display: block;
	float: left;
	padding: 0 5px;
	margin-left: 5px;
	line-height: 25px;
	cursor: pointer;
	min-width: 70px;
	text-align: center;
}

.but0:hover {
	color: red !important;
}

/*define right*/
table, td, input, select, span, body {
	border: 0;
}

#tabs {
	padding-bottom: 4px;
}

td#props tr, #props table {
	background: transparent;
}

#props {
	width: 278px;
}

#props *, #xmls * {
	font-family: monospace;
	white-space: nowrap;
}
.ewa-tree-node{
	table-layout:fixed;
}

#props #aa {
	margin: 0px;
	overflow-x: hidden;
}

#props input[type=button] {
	padding: 0;
}

#props input[ewa_value] {
	width: 100% !important;
}

#tbMain td {
	white-space: nowrap;
}

select[size] {
	height: auto !important;
}

.ewa_lf_func_caption {
	padding: 0px 5px;
	font-size: 14px;
	line-height: 30px;
}

.ewa_lf_func_dact, .ewa_lf_func_act {
	padding: 0px 5px;
	font-size: 14px;
	line-height: 30px;
}

::-webkit-scrollbar {
	width: 8px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
} /* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {
	background-color: rgba(77, 77, 77, 0.4);
	border: 1px solid #afafaf;
	border-radius: 5px
} /* 滑块颜色 */
::-webkit-scrollbar-button {
	
} /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner {
	background-color: rgba(77, 77, 77, 0.4);
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
#__EWA_DEBUG {
	display: none;
}